<template>
  <div class="reg">
    <h1>没道云笔记注册</h1>
    <div class="form">
      <div class="step">
      <el-steps :active="active" finish-status="success" align-center="">
        <el-step title="填写账号密码"></el-step>
        <el-step title="验证邮箱"></el-step>
        <el-step title="完成注册"></el-step>
      </el-steps>
      </div>
      <router-view v-on:change="change" ></router-view>
    </div>
  </div>
</template>

<script>
   import reg from './compo/regform'
    export default {
      name: "register",
      data() {
        return {
          active: 0,
          username:null,
          email:null,
          pwd:null,
          phonenum:null,
        };
      },
      components:{
      reg
      },
      methods:{
        next() {
          if (this.active++ > 2) this.active = 0;
        },
        change(val){
          this.active=val;
        }
      }
    }
</script>

<style scoped>
.reg{
  background: #f8f8f8;
  width: 100%;
  height: 100%;
  position:absolute;
  top: 0;
  left: 0;
}
h1{
  font-size: 40px;
  margin-top: 20px;
  color: #2c82ff;
}
  .form{
    background: #FFFFFF;
    width: 1100px;
    height: 442px;
    margin: 0 auto;
    margin-top: 50px;
    padding: 50px 300px;
    box-sizing: border-box;
  }

</style>
